<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>网站后台管理模版</title>
    <link rel="stylesheet" type="text/css" href="/future/util/layui/css/layui.css"/>
</head>
<style>
    .layui-hide {
        display: none;
    }

    .tableContent {
        width: 100%;
        height: auto;
        margin-top: 30px;
    }

    #page {
        height: 50px;
    }
    .layui-form-style{
        width: auto;
        height:100px;
        display: flex;
        flex-flow: column;
        justify-content: space-around;
        align-items: center;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
</style>
<body>
<div class="layui-layer-content" id="dd" style="padding: 20px;">
    <div class="layui-form layui-form-style">
        <div class="layui-form-item">
            <input type="text" placeholder="请输入新增管理员账号" name="mno" v-model:value="mno" class="layui-input"/>
        </div>
        <div class="layui-form-item">
            <select id="mrole" lay-filter="mrole">
                <option value="">请选择管理员级别</option>
                <option v-for="item of mroleArr" v-bind:value="item.roleId" v-text="item.roleName"></option>
            </select>
        </div>
        <input class="layui-btn layui-btn-normal" type="button" value="确认添加" @click="addBtn()"/>
    </div>
</div>
</div>
<script src="/future/util/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="/future/js/jquery.js"></script>
<script src="/future/vue/vue.min.js"></script>
<script src="/future/vue/vue.resource.js"></script>
<script src="/future/js/manager/managerAdd.js"></script>
</body>

</html>